body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85); /* 半透明白色遮罩 */
    z-index: -1;
}
.form-gradient {
    border: 1px solid rgba(203, 213, 225, 0.3);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 
                0 2px 4px -1px rgba(0, 0, 0, 0.02),
                inset 0 0 10px rgba(255, 255, 255, 0.5);
}
.input-focus {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
button[onclick="validateAndOpenConfirmModal()"] {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.3);
}

button[onclick="validateAndOpenConfirmModal()"]:hover {
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
    box-shadow: 0 6px 8px rgba(59, 130, 246, 0.4);
}
.modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 
                0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: scale(0.95);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal.show .modal-content {
    transform: scale(1);
}
/* 修改现有的装饰元素 */
.absolute {
    opacity: 0.8;
    mix-blend-mode: overlay;
    animation: float 15s infinite ease-in-out alternate;
}

@keyframes float {
    0% { transform: translateY(0) rotate(0deg); }
    100% { transform: translateY(-20px) rotate(2deg); }
}

@media (max-width: 640px) {
    .form-container {
        padding: 1.5rem;
    }
    
    .form-label {
        font-size: 0.875rem;
    }
    
    input, select {
        padding: 0.75rem;
    }
}